<!DOCTYPE html>
<html id="ng-app" ng-app="f_application" lang="en">

<head>
    <!-- =================== Bootstrap 3.0 ===================
    -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>demo1</title>

    <script src="../lib/jquery/2.1.0/jquery.js"></script>

    <!--  Bootstrap core CSS
    -->
    <link href="../lib/bootstrap/3.1.1/css/bootstrap.css" rel="stylesheet">
    <script src="../lib/bootstrap/3.1.1/js/bootstrap.js"></script>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries
    -->
    <!--[if lt IE 9]>
    <script src="../lib/html5shiv/3.7.1/html5shiv.js"></script>
    <script src="../lib/respond/1.4.2/respond.src.js"></script>
    <![endif]-->
    <!-- =================== Bootstrap 3.0 ===================
    -->

    <!-- =================== Angular 1.0 ===================
    -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!--[if lte IE 8]>
    <script src="http://cdn.jsdelivr.net/json3/3.2.6/json3.min.js"></script>
    <![endif]-->
    <!--[if lte IE 8]>
    <script>
        document.createElement('ng-include');
        document.createElement('ng-pluralize');
        document.createElement('ng-view');

        // Optionally these for CSS
        document.createElement('ng:include');
        document.createElement('ng:pluralize');
        document.createElement('ng:view');
    </script>
    <![endif]-->
    <script src="../lib/angularjs/1.3.0-beta.5/angular.js"></script>
    <script src="../lib/angularjs/1.3.0-beta.5/angular-route.js"></script>
    <script src="../lib/angularjs/1.3.0-beta.5/angular-resource.js"></script>
    <!-- =================== Angular 1.0 ===================
    -->

    <!-- =================== Application CSS ===================
    -->
    <link href="css/f_application.css" rel="stylesheet">
    <!-- =================== Application CSS ===================
    -->
</head>

<body class="body" ng-cloak>
<!-- Black Title bar
-->
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" ng-href="#{{urlBasePath}}">Project Name</a>
        </div>
        <div class="collapse navbar-collapse">
            <ol id='breadcrumbsID' name='bcname' class="nav navbar-nav" ng-breadcrumbs></ol>
            <form class="navbar-form navbar-right" role="form">
                <div class="form-group">
                    <div class="right-inner-addon">
                        <input ng-click="clear('searchText')" type="text" placeholder="Search" class="form-control" ng-model="searchText">
                        <span class="glyphicon glyphicon-remove"></span>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<div ng-show="busy" class="progress progress-striped active">
    <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
    </div>
</div>
<div ng-hide="busy" class="progress progress-striped active">
    <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
    </div>
</div>

<div ng-view></div>


<!--
<script src="/socket.io/socket.io.js"></script>
-->

<!-- Angular Controller
-->
<script src="js/application/f_application-application.js"></script>
<script src="js/services/f_application-services.js"></script>
<script src="js/models/f_application-controller-models.js"></script>
<script src="js/controllers/f_application-controller.js"></script>

</body>
</html>
